<!--
	作者：956911785@qq.com
	时间：2019年8月1日17:44:32
	描述：书籍管理-查看书籍
-->

<template>
	<Modal title="查看书籍" v-model="modal0" width="1000px">
		<Form ref="params" :label-width="120" label-position="left">
			<div style="width:100%;height:600px; overflow-y: scroll;">
		      	
		      	<div style="width:100%;height: 60px;line-height: 60px;float:left;">
		        	<div style="width: 80%;text-align: left;float: left;" align="left">
				        <FormItem  label="书籍分类">
						    <label>{{params.CLASSNAME}}</label>
						</FormItem>
		        	</div>
		        </div>

				<div style="width:100%;height: 60px;line-height: 60px;float:left;">
		        	<div style="width: 50%;text-align: left;float: left;" align="left">
				        <FormItem  label="书名">
							 <label>{{params.BOOKNAME}}</label>
		        		</FormItem>
		        	</div>
		        	<div style="width: 50%;text-align: left;float: left;" align="left">
				        <FormItem label="作者姓名">
							<label>{{params.AUTHOR}}</label>
		        		</FormItem>
		        	</div>
		      	</div>
		      	
		      	<div style="width:100%;height: 60px;line-height: 60px;float:left;">
		        	<div style="width: 50%;text-align: left;float: left;" align="left">
				        <FormItem label="总页数">
							<label>{{params.TOTALPAGE}}</label>
		        		</FormItem>
		        	</div>
		        	<div style="width: 50%;text-align: left;float: left;" align="left">
		        	    <FormItem label="书籍基本信息">
		        			<label>{{params.BOOKXX}}</label>
		        		</FormItem>
		        	</div>
		      	</div>

		      	
		      	
		      	<div style="width:100%;float:left;">
					<div style="width: 50%;text-align: left;float: left;" align="left">
					    <FormItem label="本书简介">
							<label>{{params.BOOKJJ}}</label>
						</FormItem>
					</div>
					<div style="width: 50%;text-align: left;float: left;" align="left">
					    <FormItem label="推荐理由">
							<label>{{params.REASON}}</label>
						</FormItem>
					</div>
		        </div>

		      	<div style="width:100%;float:left;">
					
		        	<div style="width: 50%;text-align: left;float: left;" align="left">
				        <FormItem label="作者简介">
							<label>{{params.AUTHORJJ}}</label>
		        		</FormItem>
		        	</div>	
					
					<div style="width: 50%;text-align: left;float: left;" align="left">
					    <FormItem label="书籍封面">
							<div style="float:left;width:120px;float:left;" v-if="imgurl">
								<img :src="imgurl"  style="width:120px;height: auto;float:left;">
								<div style="width:120px;float:left;text-align: center;">
									<Icon type="ios-eye-outline" style="font-size:16px;" @click.native="handleView()"></Icon>
								</div>
							</div>
						</FormItem>
					</div>	
		      	</div>

				<Modal title="View Image" v-model="visible">
					<img :src="imgurl" v-if="visible" style="width: 100%">
				</Modal>

		   </div> 
	    </Form>
	   	<div slot="footer">
	    	<Button type="text"  @click="closeModal()">取消</Button>
	    </div>
    </Modal>
</template>

<script>

	const _config = require('./../../../../../config/config')
	export default {
		name:"tconent",
		props: {
    		params:{
    			type:Object,	
    			default: function() {
					return null
				}
    		},
    		title:{
    			type:String,	
    		},
    	},
		data() {
			return {	  
                modal0:false,
				imgurl: '',
                visible: false,
			}
		},
		methods: {
			
            closeModal(){
	      	    this.modal0 = false;
	        },

		},
		mounted() {
		},
		watch:{
			modal0(news,olds){
				if(news){
					if(this.params.FM){
						this.imgurl=_config._ADMIN_SERVER+"/readbook/"+this.params.FM;
					}
				}
			}
		},
		computed: {
		
		}
		
	}
</script>

<style scoped="scoped">
	
</style>



